<template>
  <!-- 主页面 -->
  <div id="app">
    <!-- 头部 -->
    <div class="header">
      <div>
        <ul>
          <li><span style="color: #ff5490;">亲，请登录</span></li>
          <li>免费注册</li>
          <li>网页无障碍</li>
        </ul>
        <ul class="ui">
          <li>淘宝网首页</li>
          <li>已买到的宝贝</li>
          <li>我的淘宝</li>
          <li>购物车</li>
          <li>收藏夹</li>
          <li>商家支持</li>
          <li>商家中心</li>
          <li>联系客服</li>
        </ul>
      </div>
    </div>
    <contentCom />
    <footCom />
  </div>
</template>
<script>
import contentCom from '@/components/contentCom.vue'
import footCom from '@/components/footCom.vue'
export default {
  components: {
    contentCom,
    footCom
  }
}
</script>

<style lang="less">
#app {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

ul {
  display: inline-block;
}

.ui {
  position: fixed;
  right: 0;
  top: 10
}

li {
  display: inline-block;
  margin-right: 20px;
  color: #555555;
}
</style>